<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/vue.js"></script>
</head>
<body>
    <div id="app">
        <div @click.self="demo01" style="background-color: aqua;height: 50px" >
            <button @click="demo02()">点我</button>
        </div>
    </div>
<script>
    new Vue({
        el:"#app",
        methods:{
            demo01(){
                alert("div的单击事件")
            },
            demo02(){
                alert("button的单击事件")
            }
        }

    })
</script>
</body>
</html>